<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- 启用360浏览器的极速模式(webkit) – -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 若开启长按无法复制链接-->
    <!--meta name="browsermode" content="application"-->
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!--网站开启对web app程序的支持-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!--在web app应用下状态条（屏幕顶部条）的颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!--移动web页面是否自动探测电话号码-->
    <!--<meta http-equiv="x-rim-auto-match" content="none">-->
    <!--手机号码显示为拨号链接-->
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Cache-Control" content="max-age=300" />
    <meta http-equiv="Expires" content="300" />
    <title>8号金融街</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/get-cash.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../assets/layer_mobile/need/layer.css">
    <script src="../js/common.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
    <script src="../assets/layer_mobile/layer.js"></script>
</head>
<body>
    <div class="bankcard">
        <div class="bankcard-wrapper">
            <!----------注意：下面银行卡分别做了区分的------------>
            <div class="bankcard-top">
                <span class="bank-icon bank-default"></span>
                <span class="bank-text">已绑定银行卡</span>
            </div>
            <!--<div class="bankcard-top">-->
            <!--<span class="bank-icon ICBC"></span>-->
            <!--<span class="bank-text">工商银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon BC"></span>-->
                <!--<span class="bank-text">中国银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon CMBC"></span>-->
                <!--<span class="bank-text">招商银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon CCB"></span>-->
                <!--<span class="bank-text">建设银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon ABC"></span>-->
                <!--<span class="bank-text">农业银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon CIB"></span>-->
                <!--<span class="bank-text">兴业银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon JT"></span>-->
                <!--<span class="bank-text">交通银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon CEB"></span>-->
                <!--<span class="bank-text">光大银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon CMB"></span>-->
                <!--<span class="bank-text">民生银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon HB"></span>-->
                <!--<span class="bank-text">华夏银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon GDB"></span>-->
                <!--<span class="bank-text">广发银行卡</span>-->
            <!--</div>-->
            <!--<div class="bankcard-top">-->
                <!--<span class="bank-icon ZX"></span>-->
                <!--<span class="bank-text">中信银行卡</span>-->
            <!--</div>-->
            <div class="bankcard-bottom">
                <span>****</span>
                <span>****</span>
                <span>****</span>
                <span>2955</span>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="total-cash-wrapper">
            <div class="left">可提现余额</div>
            <div class="right">888.55</div>
        </div>
        <div class="get-cash-wrapper">
            <p class="text">提现金额</p>
            <div class="input">
                <input type="text" placeholder="请输入您的提现金额">
            </div>
            <p>剩余免费提现次数：<span class="count">1</span>次</p>
        </div>
        <div class="btn-wrapper">
            <a href="#" class="get-cash-btn" onclick="getCash()">申请提现</a>
        </div>
        <!--提现说明-->
        <div class="defined-text-wrapper">
            <a href="#">提现说明</a>
        </div>
    </div>
</body>
<script>
    function getCash() {
        // 提现弹框
        var h = '';
        h += '<div class="get-cash-layer">'
        h += '<div class="content-wrapper"><h3 class="header">提现确认</h3>'
        h += '<p class="text">提现金额：88888.00元</p>'
        h += '<p class="text">提现手续费：0.00元</p>'
        h += '<p class="text">到账时间：您的提现将在T+1日后到账</p></div>'
        h += '<div class="btn-wrapper"><a href="#">取消</a>'
        h += '<a href="#">确认</a></div>'
        h += '</div>'

        layer.open({
            type: 1
            ,area: ['280px', '197px']
            ,content: h
        });
    }
</script>
</html>